<template>
	<view class="main">
		<view class="top"></view>
		<view class="content">
			
			<view class="item-single item-other">
				<view class="item-name-left">
					<span class="item-name-tip">入库申请单</span>
				</view>
			</view>
			<view class="item-single">
				<span class="item-single-name">申请人</span>
				<span class="item-single-value">张三</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">仓库名称</span>
				<span class="item-single-value">采购供应仓库</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">生产日期</span>
				<span class="item-single-value">2024.05.12</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">失效日期</span>
				<span class="item-single-value">2024.05.12</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">批号</span>
				<span class="item-single-value">5000</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">计量单位</span>
				<span class="item-single-value">台</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">成本金额</span>
				<span class="item-single-value">¥200000</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">成本单价</span>
				<span class="item-single-value">¥2000/台</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">入库条码</span>
			</view>
			<view class="item-file-box">
				<uploadFile :fileList1="fileList1" :limit="0"  :showDel="false" />
			</view>
			<view class="item-single">
				<span class="item-single-name">检验单</span>
			</view>
			<view class="item-file-box">
				<uploadFile :fileList1="fileList1" :limit="0" :showDel="false"  />
			</view>
		</view>
		
		<!--底部按钮-satrt-->
		<view class="btn">
			<view class="btn-item btn-item-left" @click="openAudit">不通过</view>
			<view class="btn-item btn-item-right" @click="submit">通过</view>
		</view>
		<!--底部按钮-end-->
		<u-overlay :show="showAudit">
			<auditForm  @close="closePop" @comPop="comPop"></auditForm>
		</u-overlay>
		
		
	</view>
</template>


<script>
	import auditForm from '@/components/auditForm.vue'
	export default {
		components:{auditForm},
		
		data() {
			return {
				showAudit: false,
				fileList1: [{url:'https://cdn.uviewui.com/uview/swiper/swiper1.png',}],
			}
		},
		onLoad() {

		},

		methods: {
			openAudit(id) {
				this.showAudit = true
			},
			closePop(){
				this.showAudit = false
			},
			comPop(data){
				console.log(data)
				this.showAudit = false
			},
		},


	}
</script>

<style lang="scss" scoped>
	.main{
		padding-bottom: 250upx;
	}
	page{
		background: #F9F9F9;
	}
	.top{
		width: 100%;
		height: 154rpx;
		background: linear-gradient( -180deg, #11AA66 0%, #12C66B 100%);
	}
	.content{
		width: calc(100% - 24upx - 60upx);
		margin: -134upx auto 0 auto;
		// height: 820rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 6rpx 34rpx 0rpx rgba(159,186,174,0.1);
		border-radius: 10rpx;
		padding: 40upx 30upx;
	}
	.item-single {
		display: flex;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #666666;
		margin-top: 30upx;
		align-items: center;
	}
	.item-file-box{
		margin-top: 30upx;
	}
	
	.item-single-name {
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #666666;
		width: 120rpx;
		display: inline-block;
		margin-right: 12upx;
		
	}
	
	.item-single-value {
		display: inline-block;
		width: calc(100% - 120upx - 12upx);
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #111111;
	}
	.item-other{
		margin-top: 0 !important;
		padding-bottom: 30upx;
		border-bottom: 1rpx solid rgba(228, 228, 228, 0.6);
	}
	.item-single-name-other{
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #111111;
	}
	.item-single-value-other{
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #111111;
	}
	
	.btn {
		position: fixed;
		bottom: 0;
		left: 0;
		height: 118rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 0rpx 0rpx rgba(0, 0, 0, 0.06);
		padding-bottom: 68rpx;
		padding-left: 30upx;
		padding-right: 30upx;
		padding-top: 30upx;
		width: calc(100% - 60upx);
		display:flex;
		justify-content: space-between;

	
		.btn-item {
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #FFFFFF;
			text-align: center;
			width: 276rpx;
			height: 88rpx;
			background: linear-gradient(138deg, #12C66B 0%, #11AA66 100%);
			border-radius: 44rpx;
			margin: auto;
			line-height: 88upx;
		}
		.btn-item-left{
			background: #fff !important;
			border: 2rpx solid #11AA66;
			color: #11AA66;
		}
	}
	.item-name-left{
		display: flex;
		align-items: center;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #111111;
		position: relative;
	}
	.item-name-left::after{
		content:'';
		width: 8rpx;
		height: 28rpx;
		background: linear-gradient( 180deg, #11AA66 0%, #12C66B 100%);
		position: absolute;
		left: 0;
		top:6upx;
	}
	.item-name-tip{
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #111111;
		margin-left: 20upx;
		margin-right: 20upx;
	}
</style>